<!doctype html>
<html class="no-js" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>添加商品</title>
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/admin.css">
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/app.js"></script>


</head>


<body>
<th:block th:include="commonAdmin :: header"></th:block>

<div class="am-cf admin-main">


    <div class="nav-navicon admin-main admin-sidebar">
        <div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;" th:text="' 欢迎系统管理员：'+${session.User.username}"></div>
        <div class="sideMenu">
            <h3 class="am-icon-flag"><em></em> <a href="#">商品管理</a></h3>
            <ul>
                <li><a href="">商品列表</a></li>
                <li class="func" dataType='html'  iconImg='images/msn.gif'>添加新商品</li>
                <li>商品分类</li>

                <li>商品回收站</li>
                <li>库存管理</li>
            </ul>
            <h3 class="am-icon-cart-plus on"><em></em> <a href="#"> 订单管理</a></h3>
            <ul>
                <li>订单列表</li>
                <li>订单打印</li>
                <li>添加订单</li>
            </ul>
            <h3 class="am-icon-users"><em></em> <a href="#">用户管理</a></h3>
            <ul>
                <li>用户列表</li>
                <li>添加用户</li>

            </ul>
            <h3 class="am-icon-volume-up"><em></em> <a href="#">信息通知</a></h3>
            <ul>
                <li>站内消息 /留言</li>
                <li>短信</li>
                <li>邮件</li>
                <li>客服</li>
            </ul>
            <h3 class="am-icon-gears"><em></em> <a href="#">系统设置</a></h3>
            <ul>
                <li>邮件/短信管理</li>
                <li>上传/下载</li>
                <li>权限</li>
                <li>网站设置</li>
            </ul>
        </div>
        <!-- sideMenu End -->

        <script type="text/javascript">
            jQuery(".sideMenu").slide({
                titCell: "h3", //鼠标触发对象
                targetCell: "ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
                effect: "slideDown", //targetCell下拉效果
                delayTime: 300, //效果时间
                triggerTime: 150, //鼠标延迟触发时间（默认150）
                defaultPlay: true, //默认是否执行效果（默认true）
                returnDefault: true //鼠标从.sideMen移走后返回默认状态（默认false）
            });
        </script>


    </div>


    <div class=" admin-content">

        <th:block th:include="commonAdmin :: daohang"></th:block>


        <div class="admin-biaogelist">

            <div class="listbiaoti am-cf">
                <ul class="am-icon-flag on"> 栏目名称</ul>

                <dl class="am-icon-home" style="float: right;"> 当前位置： 首页 > <a href="#">添加商品</a></dl>


            </div>

            <div class="fbneirong">
                <form class="am-form" th:action="@{/admin/upload}" method="post" enctype="multipart/form-data">
                    <div class="am-form-group am-cf">
                        <div class="zuo">标题：</div>
                        <div class="you">
                            <input type="text" name="title" class="am-input-sm" id="doc-ipt-email-1" placeholder="请输入标题">
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">分类：</div>
                        <!--<div class="you">
                            <input type="password" class="am-input-sm" id="doc-ipt-pwd-1" placeholder="请输入关键词">
                        </div>-->
                        <select id="selectGroup" name="selectGroup"  style="width: 70%;float: left;">
                            <option th:each="cateOne:${cateList}"  th:text="${cateOne.name}" th:value="${cateOne.id}">——请选择部门——</option>
                        </select>

                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">价格：</div>
                        <div class="you">
                            <label>
                                <input type="text" name="price" onkeyup="(this.v=function(){this.value=this.value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1');}).call(this)" onblur="this.v();" placeholder="单位：￥">
                            </label>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">数量：</div>
                        <div class="you"><input type="text" name="stock" onkeyup="value=value.replace(/[^\d]/g,'')" > </div>
                    </div>

                    <div class="am-form-group am-cf">
                        <div class="zuo">产品图片：</div>
                        <div class="you" style="height: 45px;">
                            <input type="file" name="imgfile">
                            <p class="am-form-help">请选择要上传的文件...</p>
                        </div>
                    </div>


                    <!--<div class="am-form-group am-cf">
                        <div class="zuo">内容：</div>
                        <div class="you">
                            <textarea class="" rows="2" id="doc-ta-1"></textarea>
                        </div>
                    </div>-->

                    <div class="am-form-group am-cf">
                        <div class="zuo">详细信息：</div>
                        <div class="you">
                            <textarea class="" rows="2" id="detail" name="detail"></textarea>
                        </div>
                    </div>


                    <div class="am-form-group am-cf">
                        <div class="zuo">推荐：</div>
                        <div class="you" style="margin-top: 5px;">
                            <label class="am-checkbox-inline">
                                <input type="checkbox" value="option1">
                                软装 </label>
                            <label class="am-checkbox-inline">
                                <input type="checkbox" value="option2">
                                家具 </label>
                            <label class="am-checkbox-inline">
                                <input type="checkbox" value="option3">
                                品牌 </label>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="you" style="margin-left: 11%;">
                            <button type="submit" class="am-btn am-btn-success am-radius" id="submit">发布并关闭窗口</button>&nbsp; &raquo;
                            &nbsp;
                            <button type="submit" class="am-btn am-btn-secondary am-radius" id="continue">发布并继续发布</button>

                        </div>
                    </div>
                </form>
            </div>


            <div class="foods">
                <ul>
                    版权所有@1569926710
                </ul>
                <dl>
                    <a href="#" title="返回头部" class="am-icon-btn am-icon-arrow-up"></a>
                </dl>
            </div>


        </div>

    </div>


</div>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/polyfill/rem.min.js"></script>
<script src="assets/js/polyfill/respond.min.js"></script>
<script src="assets/js/amazeui.legacy.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/amazeui.min.js"></script>
<!--<![endif]-->


</body>
</html>